<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="~{admin/common/common}">
<head>
<title>edge-service</title>
<style type="text/css">
    .clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
    .tabBar {border-bottom: 2px solid #222}
    .tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
    .tabBar span.current{background-color: #222;color: #fff}
    .tabCon {display: none}
</style>
</head>

<body layout:fragment="content">
	<div class="page-container">
		<form class="form form-horizontal" id="form-config-add">
		    <input type="hidden" th:id="id" th:name="id" th:value="${model.id}" />
			<div id="tab-system" class="HuiTab">
				<div class="tabBar cl">
					<span>园区设置</span>
				</div>
				<div class="tabCon">
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span> 园区名称：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" id="website-title"  th:name="name"
								placeholder="请输入园区名称"  th:value="${model.name}" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span>园区代码：
						</label>
						<div class="formControls col-xs-8 col-sm-9"> 
							<input type="text" th:readonly="${model.code } ? true : false" placeholder="请输入园区代码，输入保存后不能更改，请您确保唯一排它性"  th:name="code" 
								th:value="${model.code}" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span>园区地址：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" id="website-description"  th:name="address"
								placeholder="请输入园区地址" th:value="${model.address}" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span>园区经度：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="number" id="website-uploadfile" th:name="longitude" th:value="${model.longitude}"
								placeholder="请输入园区经度" value="" class="input-number">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2"> <span
							class="c-red">*</span>园区纬度：
						</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="number" id="website-copyright" th:name="latitude" th:value="${model.latitude}"
								placeholder="请输入园区纬度"  value="" >
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2">园区描述：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<textarea class="textarea" placeholder="请输入园区描述"  th:text="${model.description}" th:name="description"></textarea>
						</div>
					</div>
				</div>
			</div>
			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
					<button onClick="article_save_submit();"
						class="btn btn-primary radius" type="submit">
						<i class="Hui-iconfont">&#xe632;</i> 保存
					</button>
					<button onClick="layer_close();" class="btn btn-default radius"
						type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
				</div>
			</div>
		</form>
	</div>
    <script type="text/javascript" th:src="@{/js/admin/jQuery.Huitab.js}"></script>
    <script type="text/javascript" th:src="@{/js/admin/configuration.js}"></script>
	<script type="text/javascript">
		$(function() {
			$('.skin-minimal input').iCheck({
				checkboxClass : 'icheckbox-blue',
				radioClass : 'iradio-blue',
				increaseArea : '20%'
			});
			$("#tab-system").Huitab({
				index : 0
			},function(index){
				console.log("callback  ",index);
			});
		});
	</script>
</body>
</html>